<template>
  <div>
    <el-container style="height: 100vh">
      <el-aside
        class="aside"
        :style="{ width: `${isCollapse ? 65 : 240}px`, transition: '0.4s' }"
      >
        <el-menu
          router
          default-active="index"
          background-color="#545c64"
          text-color="#eee"
          active-text-color="#ffd04b"
          :style="{ height: '105vh' }"
          :collapse="isCollapse"
          class="el-menu-vertical-demo"
        >
          <el-menu-item>
            <!-- <img width="30px" src="../assets/logo.svg" alt="" /> -->
            <template slot="title">
              <span style="font-size: 1.2em; color: #efefef; font-weight: bold"
                >&nbsp;&nbsp;MAC后台管理页面</span
              >
            </template>
          </el-menu-item>
          <el-menu-item index="/home/index">
            <i class="el-icon-menu"></i>
            <template slot="title"> 首页 </template>
          </el-menu-item>
          <!--  -->
          <el-submenu index="/home/Results">
            <template slot="title">
              <i class="el-icon-s-data"></i>
              <span slot="title">公司业绩</span>
            </template>
            <el-menu-item index="/home/ResultsR">
              <i class="el-icon-coin"></i>
              <span slot="title">营收额</span>
            </el-menu-item>
          </el-submenu>
          <!--  -->
          <el-submenu index="/home/ProductList">
            <template slot="title">
              <i class="el-icon-takeaway-box"></i>
              <span slot="title">产品管理</span>
            </template>
            <el-menu-item index="/home/ProductList/news">
              <svg t="1669436003138" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="2178" width="25" height="25"><path d="M649.5 365.7c5 0 10-1.8 13.9-5.4l6-5.5c8.4-7.7 8.9-20.7 1.2-29.1-7.7-8.4-20.7-8.9-29.1-1.2l-6 5.5c-8.4 7.7-8.9 20.7-1.2 29.1 4.1 4.3 9.7 6.6 15.2 6.6z" fill="#8a8a8a" p-id="2179"></path><path d="M508.8 700.3c84.6 0 164.1-32.9 223.9-92.7 59.8-59.8 92.8-139.3 92.8-223.9s-32.9-164.1-92.8-223.9C672.9 99.9 593.3 67 508.8 67c-84.6 0-164.1 32.9-223.9 92.7-59.8 59.8-92.8 139.3-92.8 223.9s32.9 164.1 92.8 223.9c59.8 59.9 139.3 92.8 223.9 92.8z m0-571.6c47 0 91.1 12.8 129 35.1L396 400.5c-8.1 7.9-8.3 21-0.3 29.1 4 4.1 9.4 6.2 14.7 6.2 5.2 0 10.4-2 14.4-5.9L672 188c56 46.8 91.7 117.1 91.7 195.6 0 140.6-114.4 254.9-254.9 254.9-39.1 0-76.2-8.9-109.3-24.7l214.4-208.4c8.1-7.9 8.3-21 0.4-29.1-7.9-8.1-21-8.3-29.1-0.4L362.6 592.3c-65.7-46.2-108.7-122.5-108.7-208.7-0.1-140.5 114.3-254.9 254.9-254.9zM283.9 957h456.2c26.3 0 51.7-12.3 69.7-33.8 17-20.2 26.3-46.8 26.3-74.8v-56c0-17-13.8-30.9-30.9-30.9H581.7v-8c0-17-13.8-30.9-30.9-30.9S520 736.5 520 753.5v8h-16v-8c0-17-13.8-30.9-30.9-30.9s-30.9 13.8-30.9 30.9v8H218.7c-17 0-30.9 13.8-30.9 30.9v56c0 28 9.3 54.6 26.3 74.8 18.1 21.5 43.5 33.8 69.8 33.8z m-34.3-133.8h524.8v25.2c0 25.4-15.7 46.9-34.3 46.9H283.9c-18.6 0-34.3-21.5-34.3-46.9v-25.2z" fill="#8a8a8a" p-id="2180"></path></svg>
              &nbsp;
              <span slot="title">新品推荐</span>
            </el-menu-item>
            <el-menu-item index="/home/ProductList/star">
              <svg t="1669435971201" class="icon" viewBox="0 0 1024 1024" version="1.1"  p-id="1735" width="25" height="25"><path d="M888.1 672.7c-16.9 0-30.5 13.7-30.5 30.5v5.1c-0.3 16.9 13.1 30.8 29.9 31.1h0.6c16.6 0 30.2-13.3 30.5-29.9 0-2.1 0.1-4.2 0.1-6.3-0.1-16.8-13.8-30.5-30.6-30.5z" fill="#8a8a8a" p-id="1736"></path><path d="M882.8 766.9c-16-5.3-33.3 3.3-38.6 19.3-13.9 41.8-38.3 79.5-70.8 109.6H415.5c-53.6-49.8-84.2-119.4-84.2-192.6 0-34.4 6.6-67.2 18.7-97.4h489c2.4 6.2 4.7 12.4 6.7 18.8 5 16.1 22.1 25.1 38.2 20 16.1-5 25.1-22.1 20-38.2-10.2-32.6-25.4-63.3-45.3-91.2-19.6-27.5-43.3-51.7-70.4-72-47.3-35.2-102.2-56.5-160.4-62.4v-28.4c0-16.9-13.7-30.5-30.5-30.5s-30.5 13.7-30.5 30.5v27.9c-34 2.9-67 11-98.5 24.3-38.6 16.3-73.3 39.7-103 69.5-29.8 29.8-53.1 64.4-69.5 103-16.9 40-25.5 82.4-25.5 126.2 0 94.8 41.5 184.6 113.8 246.4l8.6 7.3h403.6l8.6-7.3c45-38.5 78.6-88.3 97.2-144.1 5.3-16.1-3.4-33.4-19.3-38.7zM594.4 440.1c93.5 0 177.2 48.3 224.2 125h-448c46.4-74.9 129.4-125 223.8-125zM415.4 230.9H508V271c0 16.9 13.7 30.5 30.5 30.5H656c16.9 0 30.5-13.7 30.5-30.5V135.5c0-16.9-13.7-30.5-30.5-30.5H538.6c-16.9 0-30.5 13.7-30.5 30.5v34.3H406.5C385 110 327.7 67.1 260.5 67.1c-85.5 0-155.1 69.6-155.1 155.1S175 377.3 260.5 377.3c82.6 0 150.4-64.9 154.9-146.4zM569.1 166h56.4v74.5h-56.4V166z m-402.6 56.2c0-51.9 42.2-94.1 94.1-94.1 51.9 0 94.1 42.2 94.1 94.1 0 51.9-42.2 94.1-94.1 94.1-51.9 0-94.1-42.2-94.1-94.1z" fill="#8a8a8a" p-id="1737"></path></svg>
              &nbsp;
              <span slot="title">明星产品</span>
            </el-menu-item>
            <el-menu-item index="/home/ProductList/lip">
              <svg t="1669436107240" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="2883" width="25" height="25"><path d="M672.4 449.9h-14.9c0-0.7 0.1-1.4 0.1-2v-80.4c0-17-13.8-30.9-30.9-30.9h-12.5V174.1c0-22.6-6.1-46.4-17.3-67-7.2-13.3-22.7-36.1-44.9-39.8-17.8-3-34.5 7.2-40.5 24.7-1.4 4-2.4 7.7-3.4 11-3.7 12.6-5.9 20.2-26.1 38.4-20.6 18.5-47.5 25.7-49 26.1-13.8 3.2-23.2 15.5-23.2 29.6v139.4h-12.5c-17 0-30.9 13.8-30.9 30.9v82.5h-14.8c-17 0-30.9 13.8-30.9 30.9v381.5c0 52.6 42.8 95.4 95.4 95.4h191.8c52.6 0 95.4-42.8 95.4-95.4v-36.7c0-17-13.8-30.9-30.9-30.9s-30.9 13.8-30.9 30.9v36.7c0 18.6-15.1 33.6-33.6 33.6H416.1c-18.6 0-33.6-15.1-33.6-33.6V511.6h259.1v133.1c0 17 13.8 30.9 30.9 30.9s30.9-13.8 30.9-30.9v-164c-0.1-17-14-30.8-31-30.8z m-201.6-231c14.8-6.1 34.4-16.3 52-32.1 13-11.7 21.8-21.7 28-30.9 1.4 5.7 2.3 11.9 2.3 18.2v162.4h-82.4V218.9z m-42.6 179.4h167.6v49.5c0 0.7 0 1.4 0.1 2H428.2v-51.5z" fill="#8a8a8a" p-id="2884"></path><path d="M672.4 701.9c-17 0-30.9 13.8-30.9 30.9v5.1c0 17 13.8 30.9 30.9 30.9s30.9-13.8 30.9-30.9v-5.1c0-17.1-13.9-30.9-30.9-30.9z" fill="#8a8a8a" p-id="2885"></path></svg>
              &nbsp;
              <span slot="title">唇妆</span>
            </el-menu-item>
            <el-menu-item index="/home/ProductList/eyes">
              <svg t="1669436142884" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="3086" width="25" height="25"><path d="M254.2 879.4s52-32.7 94.9-68.7c12.1-10.1 35.8-36.2 50.8-53.1 3.8 1.6 7.9 2.5 12.1 2.5 2.1 0 4.3-0.2 6.4-0.7 8-1.7 15-6.5 19.5-13.4l76.2-117.5c9.3-14.3 5.2-33.4-9.1-42.7-14.3-9.3-33.4-5.2-42.7 9.1l-59.4 91.6-36-23.3 273.6-421.9 36 23.4-116 179.2c-9.3 14.3-5.2 33.4 9.1 42.7 14.3 9.3 33.4 5.2 42.7-9.1l178.9-276.2c8.6-13.3 11.5-29.1 8.2-44.5-3.3-15.5-12.4-28.7-25.7-37.3l-40.3-26.1c-13.3-8.6-29.1-11.5-44.5-8.2-15.5 3.3-28.7 12.4-37.3 25.7L298.3 655.5c-8.7 13.4-5.6 31.1 6.6 40.9-9.4 18.8-23.4 48.7-30.2 73-13.1 47.1-20.5 110-20.5 110zM702 146.3l36 23.3-39.1 60.4-36-23.3 39.1-60.4z" fill="#8a8a8a" p-id="3087"></path><path d="M565.8 547.4c9.3-14.3 5.2-33.4-9.1-42.7-14.3-9.3-33.4-5.2-42.7 9.1l-6 9.2c-9.3 14.3-5.2 33.4 9.1 42.7 5.2 3.4 11 5 16.8 5 10.1 0 20-5 25.9-14.1l6-9.2zM771 802c-9.9-5.5-22.5-1.9-28 8.1-0.1 0.3-14.6 25.6-42 47.3-28.6 22.6-60.4 33.1-94.7 31.5 7.3-7.9 13-16.7 16.9-26.4 14.3-34.8 1.8-72-31-92.6-21.2-13.2-60.2-10.2-84.5 15.4-15.9 16.7-21 46.5-12.8 74.2 3 10 7.5 19.2 13.4 27.4-16.7 0.7-35-1.1-54.5-5.5-11.1-2.5-22.1 4.5-24.6 15.6s4.5 22.1 15.6 24.6c40.7 9.1 78.2 8.7 109.2-0.9 4.3 1.6 8.8 2.9 13.5 4 15.4 3.7 30.7 5.5 45.6 5.5 40.9 0 79.5-13.7 113.4-40.4 34.4-27.1 51.8-58.3 52.6-59.7 5.5-10.1 1.8-22.6-8.1-28.1z m-185.8 44.8c-4.8 11.8-15.2 21.9-29.6 29-12.6-8.1-18.5-19-21.2-28.1-4.5-15.3-1.1-29.6 3.1-34.1 7.5-7.9 17.7-10.3 24.9-10.3 3.7 0 6.6 0.6 7.9 1.4 16 10 21.6 25.7 14.9 42.1z" fill="#8a8a8a" p-id="3088"></path></svg>
              &nbsp;
              <span slot="title">眼妆</span>
            </el-menu-item>
            <el-menu-item index="/home/ProductList/basemakeup">
              <svg t="1669435908314" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="907" width="25" height="25"><path d="M756.1 110.7H267.9c-55.5 0-100.6 45.8-100.6 102V264c0 17 13.8 30.9 30.9 30.9h150.1c-25.6 14.6-49.1 32.5-70.2 53.6-30.4 30.4-54.2 65.8-70.9 105.2-17.3 40.8-26 84.1-26 128.8 0 44.7 8.8 88 26 128.8 16.7 39.4 40.5 74.8 70.9 105.2 30.4 30.4 65.8 54.2 105.2 70.9 40.8 17.3 84.1 26 128.8 26s88-8.8 128.8-26c39.4-16.7 74.8-40.5 105.2-70.9 30.4-30.4 54.2-65.8 70.9-105.2 17.3-40.8 26-84.1 26-128.8 0-44.7-8.8-88-26-128.8-16.7-39.4-40.5-74.8-70.9-105.2-21.1-21.1-44.6-39-70.2-53.6H826c17 0 30.9-13.8 30.9-30.9v-51.3c-0.2-56.2-45.3-102-100.8-102z m25 471.8c0 148.4-120.7 269.1-269.1 269.1S242.9 730.8 242.9 582.5 363.6 313.3 512 313.3s269.1 120.8 269.1 269.2zM795 233.1H229v-20.4c0-22.2 17.4-40.3 38.9-40.3h488.2c21.4 0 38.9 18.1 38.9 40.3v20.4z" fill="#8a8a8a" p-id="908"></path><path d="M567.2 492.3c7.6-7.7 7.5-20-0.1-27.6-7.7-7.6-20-7.5-27.6 0.1-7.6 7.7-7.5 20 0.1 27.6 7.7 7.6 20 7.5 27.6-0.1zM479.7 510.2c7.6-7.7 7.5-20-0.1-27.6-7.7-7.6-20-7.5-27.6 0.1-7.6 7.7-7.5 20 0.1 27.6 7.7 7.6 20 7.6 27.6-0.1zM482.8 593.7c7.6-7.7 7.5-20-0.1-27.6-7.7-7.6-20-7.5-27.6 0.1-7.6 7.7-7.5 20 0.1 27.6 7.7 7.7 20 7.6 27.6-0.1zM377.2 590c-7.6 7.7-7.5 20 0.1 27.6 7.7 7.6 20 7.5 27.6-0.1 7.6-7.7 7.5-20-0.1-27.6-7.6-7.6-20-7.5-27.6 0.1zM645.8 573.7c7.4-7.8 7-20.2-0.8-27.6-7.8-7.4-20.2-7-27.6 0.8-7.4 7.8-7 20.2 0.8 27.6 7.8 7.4 20.2 7 27.6-0.8zM558.7 593.7c7.4-7.8 7-20.2-0.8-27.6-7.8-7.4-20.2-7-27.6 0.8-7.4 7.8-7 20.2 0.8 27.6 7.9 7.4 20.2 7.1 27.6-0.8zM535.4 650.3c-7.4 7.8-7 20.2 0.8 27.6 7.8 7.4 20.2 7 27.6-0.8 7.4-7.8 7-20.2-0.8-27.6-7.8-7.3-20.2-7-27.6 0.8zM455.7 673.6c-7.4 7.8-7 20.2 0.8 27.6 7.8 7.4 20.2 7 27.6-0.8 7.4-7.8 7-20.2-0.8-27.6-7.8-7.4-20.2-7-27.6 0.8z" fill="#8a8a8a" p-id="909"></path><path d="M351 421.5c-43 43-66.7 100.2-66.7 161s23.7 118 66.7 161 100.2 66.7 161 66.7 118-23.7 161-66.7 66.7-100.2 66.7-161-23.7-118-66.7-161-100.2-66.7-161-66.7-118 23.7-161 66.7z m347.5 161C698.5 685.3 614.8 769 512 769s-186.5-83.7-186.5-186.5C325.5 479.6 409.2 396 512 396s186.5 83.6 186.5 186.5z" fill="#8a8a8a" p-id="910"></path></svg>
              &nbsp;
              <span slot="title">底妆</span>
            </el-menu-item>
            <el-menu-item index="/home/ProductList/brush">
              <svg t="1669436032759" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="2429" width="25" height="25"><path d="M625.7 480.5c7.7-15.2 1.7-33.8-13.5-41.5-15.2-7.7-33.8-1.7-41.5 13.5l-2.2 4.4c-7.7 15.2-1.7 33.8 13.5 41.5 4.5 2.3 9.3 3.4 14 3.4 11.3 0 22.1-6.2 27.5-16.9l2.2-4.4z" fill="#8a8a8a" p-id="2430"></path><path d="M750.4 120.4c-19-12.2-52.7-20.6-105.8 8.7-31.1 17.1-64.7 45-92.1 76.4-21.4 24.6-47 60.4-46.8 91.2 0.1 17.4 7 35.3 19.6 52.2l-158 252.2c-13.8-1.2-27.1 0-38.8 4.8-22 6.9-41.8 28.8-59.1 65.1-14.1 29.6-25 66.2-30 100.5-4 27.7-4.1 52.2-0.3 72.9 6.6 35.5 24 52.5 37.4 60.6 9.1 5.4 21.5 9.9 37.5 9.9 17.9 0 40.5-5.7 68-22 30.6-18.1 63.2-47.1 89.6-79.4 20.6-25.3 45-61.9 43.8-92.7-0.5-13.6-5.2-27.3-13.5-40.6l75.5-112.4c9.5-14.2 5.7-33.3-8.4-42.8-14.2-9.5-33.3-5.7-42.8 8.4L457.3 636c-2.9-2-6-4-9.1-5.9-6-3.7-12.6-7.3-19.5-10.6l143.1-228.6c25.2 16.2 60.1 31 90.8 31 9.2 0 18-1.3 26.1-4.3 22.2-6.2 42.7-27.4 61.2-63.1 15-29.1 27.1-65.3 33.2-99.5 4.9-27.5 5.8-52 2.6-72.8-5.3-35.8-22.2-53.4-35.3-61.8zM421 777.8c-22.7 27-50.6 51-74.7 64.3-19.5 10.8-33.1 12.6-38 9.7-3.9-2.3-11-14.8-10.1-45.5 0.8-27.9 8.2-62.4 19.9-92.4 13.2-33.9 25.6-47 29.4-49.3 1.5-0.4 3-1 4.5-1.7 1.6-0.7 9.4-1.7 23.8 2 14 3.7 29.3 10.5 43 19.3 22.5 14.4 34.6 30.3 35 38.7-0.2 5.5-8.4 25.9-32.8 54.9z m304.6-559.7c-1.7 27.8-10.3 62.1-22.9 91.7-14.3 33.4-27.1 46.1-31 48.3-1.5 0.4-3 0.9-4.5 1.5-1.6 0.6-9.5 1.4-23.7-2.8-13.9-4.1-29-11.5-42.4-20.7-22-15.1-33.6-31.4-33.8-39.8 0.3-5.4 9.2-25.5 34.6-53.7 23.6-26.2 52.3-49.3 76.8-61.9 19.8-10.1 33.5-11.5 38.3-8.5 3.8 2.6 10.5 15.3 8.6 45.9z" fill="#8a8a8a" p-id="2431"></path></svg>
              &nbsp;
              <span slot="title">刷具</span>
            </el-menu-item>
            <el-menu-item index="/home/ProductList/skin">
              <svg t="1669436077499" class="icon" viewBox="0 0 1024 1024" version="1.1"  p-id="2680" width="25" height="25"><path d="M333.6 558.5h-4.9c-11.4 0-20.6 9.2-20.6 20.6s9.2 20.6 20.6 20.6h4.9c11.4 0 20.6-9.2 20.6-20.6s-9.2-20.6-20.6-20.6z" fill="#8a8a8a" p-id="2681"></path><path d="M830.9 408.1H815c7.1-88.6-11.6-161-55.6-215.2-63.8-78.6-157.1-88.3-161.1-88.7-13.4-1.3-26.1 6.3-31.4 18.7-5.2 12.4-1.8 26.8 8.5 35.5 0.1 0.1 13.4 12.5 10.3 34-2.3 15.2-10 31.8-50.4 39.7-36 7-83.5 4.5-129.5 2-58.1-3.1-108.3-5.9-142.5 9-23 10-40.4 27.9-50.2 51.9-7.1 17.3-10.4 37.8-9.8 60.9 0.5 20.3 3.9 39.1 6.9 52.2h-17.1c-17 0-30.9 13.8-30.9 30.9v334c0 48.5 18.2 87.9 52.7 113.7 29 21.8 69.1 33.2 116 33.2h362c46.9 0 87-11.5 116-33.2 34.5-25.9 52.7-65.2 52.7-113.7V439c0.2-17.1-13.6-30.9-30.7-30.9z m-557.1-1.2c-0.1-0.3-8.3-25.9-8.7-53.6-0.8-43.3 17-51 22.9-53.5 20.8-9 68.5-6.5 114.6-4 49.8 2.7 101.2 5.5 144.7-3 26.6-5.2 47.4-14.1 63.6-27.1 20-16 32.1-37.6 36-64.1 1-6.5 1.3-12.8 1.1-18.9 20 9.5 43.9 24.8 63.6 49.1 34.4 42.4 48.4 101.7 41.5 176.3h-479l-0.3-1.2zM772 837.3c-18.3 13.7-45.6 20.9-79 20.9H331c-33.4 0-60.7-7.2-79-20.9-18.9-14.1-28-35.2-28-64.3V599.7h41c11.4 0 20.6-9.2 20.6-20.6s-9.2-20.6-20.6-20.6h-41v-88.7h576v88.7H398.8c-11.4 0-20.6 9.2-20.6 20.6s9.2 20.6 20.6 20.6H800V773c0 29.1-9.1 50.1-28 64.3z" fill="#8a8a8a" p-id="2682"></path></svg>
              &nbsp;
              <span slot="title">护肤</span>
            </el-menu-item>
          </el-submenu>
          <!--  -->
          <el-submenu index="/home/Client">
            <template slot="title">
              <i class="el-icon-user"></i>
              <span slot="title">用户管理</span>
            </template>
            <el-menu-item index="/home/ClientList">
              <svg t="1669433656116" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="23960" width="25" height="25"><path d="M776.192 857.0368H254.5152c-74.5472 0-134.9632-60.416-134.9632-134.9632V301.4656c0-74.5472 60.416-134.9632 134.9632-134.9632H776.192c74.5472 0 134.9632 60.416 134.9632 134.9632v420.6592c0 74.496-60.416 134.912-134.9632 134.912z" fill="#8a8a8a" p-id="23961"></path><path d="M776.192 872.3968H254.5152c-82.8928 0-150.3232-67.4304-150.3232-150.3232V301.4656c0-82.8928 67.4304-150.3232 150.3232-150.3232H776.192c82.8928 0 150.3232 67.4304 150.3232 150.3232v420.6592c0 82.8416-67.4304 150.272-150.3232 150.272zM254.5152 181.8624c-65.9456 0-119.6032 53.6576-119.6032 119.6032v420.6592c0 65.9456 53.6576 119.6032 119.6032 119.6032H776.192c65.9456 0 119.6032-53.6576 119.6032-119.6032V301.4656c0-65.9456-53.6576-119.6032-119.6032-119.6032H254.5152z" fill="#424242" p-id="23962"></path><path d="M453.2224 495.9744c27.648-18.944 45.824-50.7392 45.824-86.6816 0-57.9584-47.1552-105.0624-105.0624-105.0624s-105.0624 47.1552-105.0624 105.0624c0 35.84 18.0736 67.5328 45.568 86.4768-52.8896 22.9376-90.0096 75.6736-90.0096 136.9088v44.5952c0 22.3744 18.2272 40.6016 40.6016 40.6016h217.1392c22.3744 0 40.6016-18.2272 40.6016-40.6016v-44.5952c-0.0512-61.0816-36.9152-113.664-89.6-136.704zM319.6416 409.2416c0-41.0112 33.3312-74.3424 74.3424-74.3424s74.3424 33.3312 74.3424 74.3424c0 40.5504-32.6656 73.5744-73.0112 74.2912-0.5632 0-1.1264-0.0512-1.6896-0.0512-0.4096 0-0.8192 0.0512-1.1776 0.0512-40.2944-0.8704-72.8064-33.792-72.8064-74.2912z m192.4096 268.032c0 5.4784-4.4544 9.8816-9.8816 9.8816h-217.088c-5.4784 0-9.8816-4.4544-9.8816-9.8816v-44.5952c0-64.9216 52.48-117.76 117.248-118.4256 0.512 0 1.024 0.1024 1.5872 0.1024 0.4608 0 0.8704-0.0512 1.3312-0.0512 64.512 0.9216 116.736 53.6576 116.736 118.4256v44.544zM810.5984 369.5104c0-8.4992-6.8608-15.36-15.36-15.36H599.04c-8.4992 0-15.36 6.8608-15.36 15.36s6.8608 15.36 15.36 15.36h196.1984c8.4992 0 15.36-6.912 15.36-15.36zM795.2384 495.4624h-174.1312c-8.4992 0-15.36 6.8608-15.36 15.36s6.8608 15.36 15.36 15.36h174.1312c8.4992 0 15.36-6.8608 15.36-15.36s-6.8608-15.36-15.36-15.36zM795.2384 641.8944H653.312c-8.4992 0-15.36 6.8608-15.36 15.36s6.8608 15.36 15.36 15.36h141.9264c8.4992 0 15.36-6.8608 15.36-15.36 0-8.448-6.8608-15.36-15.36-15.36z" fill="#FFFFFF" p-id="23963"></path></svg>
              &nbsp;
              <span slot="title">用户列表</span>
            </el-menu-item>
            <el-menu-item index="/home/ClientAdd">
              <svg t="1669434239132" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="1924" width="25" height="25"><path d="M814.933333 213.333333C648.533333 46.933333 375.466667 46.933333 209.066667 213.333333 42.666667 379.733333 42.666667 648.533333 209.066667 819.2c166.4 166.4 435.2 166.4 601.6 0 170.666667-170.666667 170.666667-439.466667 4.266666-605.866667z m-55.466666 337.066667h-213.333334v213.333333c0 17.066667-12.8 34.133333-34.133333 34.133334s-34.133333-12.8-34.133333-34.133334v-213.333333h-213.333334c-17.066667 0-34.133333-12.8-34.133333-34.133333s12.8-34.133333 34.133333-34.133334h213.333334v-213.333333c0-17.066667 12.8-34.133333 34.133333-34.133333s34.133333 12.8 34.133333 34.133333v213.333333h213.333334c17.066667 0 34.133333 12.8 34.133333 34.133334s-12.8 34.133333-34.133333 34.133333z" p-id="1925" fill="#8a8a8a"></path></svg>
              &nbsp;
              <span slot="title">新增用户</span>
            </el-menu-item>
          </el-submenu>
          <!--  -->
          <el-submenu index="/home/employees">
            <template slot="title">
              <i class="el-icon-user-solid"></i>
              <span slot="title">员工管理</span>
            </template>
            <el-menu-item index="/home/employeesList">
           <svg t="1669433656116" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="23960" width="25" height="25"><path d="M776.192 857.0368H254.5152c-74.5472 0-134.9632-60.416-134.9632-134.9632V301.4656c0-74.5472 60.416-134.9632 134.9632-134.9632H776.192c74.5472 0 134.9632 60.416 134.9632 134.9632v420.6592c0 74.496-60.416 134.912-134.9632 134.912z" fill="#8a8a8a" p-id="23961"></path><path d="M776.192 872.3968H254.5152c-82.8928 0-150.3232-67.4304-150.3232-150.3232V301.4656c0-82.8928 67.4304-150.3232 150.3232-150.3232H776.192c82.8928 0 150.3232 67.4304 150.3232 150.3232v420.6592c0 82.8416-67.4304 150.272-150.3232 150.272zM254.5152 181.8624c-65.9456 0-119.6032 53.6576-119.6032 119.6032v420.6592c0 65.9456 53.6576 119.6032 119.6032 119.6032H776.192c65.9456 0 119.6032-53.6576 119.6032-119.6032V301.4656c0-65.9456-53.6576-119.6032-119.6032-119.6032H254.5152z" fill="#424242" p-id="23962"></path><path d="M453.2224 495.9744c27.648-18.944 45.824-50.7392 45.824-86.6816 0-57.9584-47.1552-105.0624-105.0624-105.0624s-105.0624 47.1552-105.0624 105.0624c0 35.84 18.0736 67.5328 45.568 86.4768-52.8896 22.9376-90.0096 75.6736-90.0096 136.9088v44.5952c0 22.3744 18.2272 40.6016 40.6016 40.6016h217.1392c22.3744 0 40.6016-18.2272 40.6016-40.6016v-44.5952c-0.0512-61.0816-36.9152-113.664-89.6-136.704zM319.6416 409.2416c0-41.0112 33.3312-74.3424 74.3424-74.3424s74.3424 33.3312 74.3424 74.3424c0 40.5504-32.6656 73.5744-73.0112 74.2912-0.5632 0-1.1264-0.0512-1.6896-0.0512-0.4096 0-0.8192 0.0512-1.1776 0.0512-40.2944-0.8704-72.8064-33.792-72.8064-74.2912z m192.4096 268.032c0 5.4784-4.4544 9.8816-9.8816 9.8816h-217.088c-5.4784 0-9.8816-4.4544-9.8816-9.8816v-44.5952c0-64.9216 52.48-117.76 117.248-118.4256 0.512 0 1.024 0.1024 1.5872 0.1024 0.4608 0 0.8704-0.0512 1.3312-0.0512 64.512 0.9216 116.736 53.6576 116.736 118.4256v44.544zM810.5984 369.5104c0-8.4992-6.8608-15.36-15.36-15.36H599.04c-8.4992 0-15.36 6.8608-15.36 15.36s6.8608 15.36 15.36 15.36h196.1984c8.4992 0 15.36-6.912 15.36-15.36zM795.2384 495.4624h-174.1312c-8.4992 0-15.36 6.8608-15.36 15.36s6.8608 15.36 15.36 15.36h174.1312c8.4992 0 15.36-6.8608 15.36-15.36s-6.8608-15.36-15.36-15.36zM795.2384 641.8944H653.312c-8.4992 0-15.36 6.8608-15.36 15.36s6.8608 15.36 15.36 15.36h141.9264c8.4992 0 15.36-6.8608 15.36-15.36 0-8.448-6.8608-15.36-15.36-15.36z" fill="#FFFFFF" p-id="23963"></path></svg>
              &nbsp;
              <span slot="title">员工列表</span>
            </el-menu-item>
            <el-menu-item index="/home/employeesAdd">
              <svg t="1669434239132" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="1924" width="25" height="25"><path d="M814.933333 213.333333C648.533333 46.933333 375.466667 46.933333 209.066667 213.333333 42.666667 379.733333 42.666667 648.533333 209.066667 819.2c166.4 166.4 435.2 166.4 601.6 0 170.666667-170.666667 170.666667-439.466667 4.266666-605.866667z m-55.466666 337.066667h-213.333334v213.333333c0 17.066667-12.8 34.133333-34.133333 34.133334s-34.133333-12.8-34.133333-34.133334v-213.333333h-213.333334c-17.066667 0-34.133333-12.8-34.133333-34.133333s12.8-34.133333 34.133333-34.133334h213.333334v-213.333333c0-17.066667 12.8-34.133333 34.133333-34.133333s34.133333 12.8 34.133333 34.133333v213.333333h213.333334c17.066667 0 34.133333 12.8 34.133333 34.133334s-12.8 34.133333-34.133333 34.133333z" p-id="1925" fill="#8a8a8a"></path></svg>
              &nbsp;
              <span slot="title">新人入职</span>
            </el-menu-item>
          </el-submenu>
          <!--  -->
          <el-submenu index="/home/Agent">
            <template slot="title">
              <i class="el-icon-s-shop"></i>
              <span slot="title">公司管理</span>
            </template>
            <el-menu-item index="/home/AgentList">
              <i class="el-icon-notebook-2"></i>
              <span slot="title">位置</span>
            </el-menu-item>
          </el-submenu>
          <!--  -->
          <el-submenu index="/home/Administrator">
            <template slot="title">
              <i class="el-icon-s-shop"></i>
              <span slot="title">管理员</span>
            </template>
            <el-menu-item index="/home/AdministratorList">
            <svg t="1669434704761" class="icon" viewBox="0 0 1024 1024" version="1.1" p-id="1518" width="25" height="25"><path d="M567.306 555.568c7.941 3.812 22.585 9.993 36.38 17.7 16.614 9.28 27.379 7.26 31.677-12.777 1.06-4.938 3.03-9.67 4.283-14.573 7.634-29.87 23.72-42.714 54.344-43.261 42.294-0.752 59.39 9.711 68.696 42.105 1.407 4.907 2.942 9.814 3.858 14.818 3.664 20.108 12.782 23.168 30.332 12.464 39.47-24.079 59.41-21.275 89.915 10.1 23.169 23.834 25.256 41.113 8.586 71.24-19.29 34.87-19.198 35.126 16.46 45.088 35.229 9.84 45.923 24.52 45.897 63.007-0.026 38.262-10.617 52.435-46.536 62.29-34.318 9.415-34.318 9.415-16.762 42.346 19.269 36.15 16.322 50-17.433 82.056-22.759 21.613-44.06 23.004-74.043 4.835-26.53-16.076-29.55-14.915-37.541 14.465-9.384 34.481-28.065 50.809-60.561 50.333-43.543-0.635-58.31-15.043-67.822-50.65-8.135-30.44-12.694-31.928-39.362-15.606-34.4 21.05-55.04 18.446-83.714-10.576-26.607-26.924-28.193-45.124-6.908-79.298 15.974-25.65 14.48-29.554-14.199-37.117-41.516-10.944-49.785-22.155-49.432-67.008 0.282-35.254 13.447-51.335 49.345-60.27 29.856-7.429 30.419-8.964 13.815-37.586-26.284-45.308 3.168-103.26 60.725-104.125z m307.62 70.048c-0.517-26.361-35.346-42.397-55.793-28.833-18.829 12.49-35.279 23.609-60.448 11.37-20.753-10.09-21.5-26.96-23.977-43.85-2.967-20.237-11.369-28.9-33.202-29.12-22.186-0.224-29.682 9.323-33.314 29.007-3.454 18.712-7.067 36.021-30.158 45.764-24.14 10.182-38.55-0.993-55.93-11.339-11.81-7.03-20.866-15.411-37.915-2.256-25.583 19.735-17.796 36.768-4.36 56.201 10.03 14.511 16.226 27.236 9.021 46.756-8.335 22.596-25.281 24.867-43.676 28.562-17.56 3.53-30.7 8.616-30.664 32.352 0.03 23.256 8.663 31.248 30.004 34.425 19.879 2.958 38.278 8.146 46.393 32.706 6.923 20.963-6.58 31.862-13.539 46.398-6.667 13.928-19.873 26.054-3.141 42.683 17.335 17.233 34.03 21.03 53.019 4.063 17.223-15.39 33.816-15.36 55.454-5.813 20.13 8.883 21.629 24.811 25.492 40.565 4.579 18.666 9.077 32.937 33.785 32.906 25.67-0.036 30.613-15.908 34.512-34.63 9.834-47.242 36.032-58.228 77.502-30.869 19.06 12.572 33.74 9.369 50.067-5.035 17.775-15.677 7.399-27.302-1.3-41.685-10.095-16.686-20.405-31.713-9.88-55.705 10.249-23.368 29.303-21.495 45.272-25.486 22.263-5.562 29.303-15.33 28.833-38.191-0.497-24.038-17.182-23.87-31.831-28.582-5.644-1.816-11.722-2.23-17.448-3.843-23.65-6.662-36.901-41.967-23.946-62.807 7.926-12.745 15.33-25.824 21.168-35.714zM279.626 476.971c-44.019-48.117-64.265-108.601-68.277-174.673-2.578-42.453-2.415-85.218-0.818-127.743 1.95-51.77 32.445-89.178 74.826-111.702 37.06-19.699 78.986-33.944 120.385-40.902 66.583-11.19 167.832 55.121 191.998 118.998 1.806 4.769 4.288 9.758 4.313 14.654 0.45 88.964 13.115 179.33-25.076 264.312-8.893 19.786-23.517 37.024-35.7 55.301-6.886 10.336-13.272 21.245-21.622 30.28-4.861 5.26-14.752 11.529-19.52 9.738-5.521-2.073-11.743-13.099-10.792-19.167 1.612-10.29 6.176-22.509 13.718-29.099 55.884-48.849 64.885-115.427 69.485-182.931 2.599-38.13 3.525-77.062-1.203-114.829-6.462-51.591-64.102-99.202-124.611-113.032-84.338-19.28-158.157 28.863-192.653 82.435-6.084 9.45-10.648 21.546-11.18 32.65-4.314 89.833-10.26 180.229 43.026 260.535 6.043 9.108 13.549 17.402 21.214 25.25 36.471 37.348 32.414 64.819-14.035 90.177-56.729 30.971-113.621 61.651-170.416 92.5-17.208 9.342-30.43 56.032-18.39 70.876 4.053 4.999 15.166 5.858 23.066 5.904 73.281 0.42 146.567 0.246 219.848 0.261 6.816 0 14.706-2 20.18 0.747 7.323 3.674 12.772 11.083 19.03 16.885-6.734 4.912-13.028 13.078-20.298 14.071-15.898 2.17-32.292 0.706-48.48 0.706-65.617 0.005-131.228 0.195-196.844-0.077-35.403-0.148-45.923-14.567-49.821-49.867-5.363-48.588 9.69-79.487 56.365-100.184 51.847-22.994 100.481-53.3 150.133-81.105 9.185-5.142 17.985-12.454 24.29-20.783 4.722-6.243 5.146-15.73 7.48-23.773-8.387 1.014-16.773 2.027-29.62 3.587z" p-id="1519" fill="#8a8a8a"></path><path d="M701.87 654.801c59.558 0.394 107 48.394 106.084 107.322-0.89 57.236-49.494 105.532-106.77 106.09-60.04 0.588-107.808-47.949-107.414-109.154 0.378-59.533 47.17-104.662 108.1-104.258z m71.684 109.241c5.306-47.549-40.048-78.254-72.825-78.438-39.685-0.225-75.22 35.387-75.134 75.061 0.092 40.274 32.164 73.03 72.094 73.624 44.495 0.66 75.082-27.66 75.865-70.247z" p-id="1520" fill="#e6e6e6"></path></svg>
            &nbsp;
              <span slot="title">管理员列表</span>
            </el-menu-item>
            <!-- 轮播图----丑可以删除 -->
            <div class="img__11">
            <el-carousel :interval="5000" arrow="always" indicator-position="none" height="220px">
          <el-carousel-item v-for="item in forms" :key="item.id" class="el-box">
            <img :src="item.img" class="medium" />
          </el-carousel-item>
        </el-carousel>
          </div>
          <!--  -->
          </el-submenu>
          
          <!--  -->
          
          <!--  -->
        </el-menu>
      </el-aside>

      <el-container>
        <el-header class="header">
          <i
            v-show="!isCollapse"
            class="el-icon-s-fold"
            @click="isCollapse = true"
          ></i>
          <i
            v-show="isCollapse"
            class="el-icon-s-unfold"
            @click="isCollapse = false"
          ></i>
          <!-- 面包屑导航 -->
          <el-breadcrumb separator="/" class="breadcrumb">
            <el-breadcrumb-item v-for="item in $route.meta.nav" :key="item">
              {{ item }}
            </el-breadcrumb-item>
          </el-breadcrumb>
          <span v-if="user">欢迎:{{ user.nickname }}</span>
          <span v-else>未登录</span>
        </el-header>

        <el-main>
          <!-- 二级路由动态设置内容 -->
          <router-view />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import { mapState } from "vuex";
export default {
  data() {
    return {
      forms:[],
      isCollapse: false,
    };
  },
  computed: {
    // 计算属性user,返回vuex中保存的user对象
    // user() {
    //   return this.$store.state.uesr;
    // },
    // mapstate将会开放vuex当中保存的user对象到当前组件的计算属性中
    // 这样 在当前组件内部直接使用user来访问vuex中的user
    ...mapState(["user"]),
  },
  mounted () {
    this.$http.starApi.queryAll().then((res) => {
      // 将res.data.data存入this.stars;
      this.forms = res.data.data;
    });
  },
};
</script>

<style lang="scss" scoped>
* {
  user-select: none;
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;

  i {
    font-size: 1.3em;
  }
  .breadcrumb {
    margin-left: 20px;
    flex: 1;
  }
}
.aside::-webkit-scrollbar {
  display: none;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 240px;
  min-height: 400px;
}

.el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
.img__11{
  width: 220px;
  margin: 10px auto;
}
  .medium{
    width: 300px;
    border-radius: 10px;
    margin-left: -30px;
    margin-top: -30px;
  }
.el-box{
  border-radius: 10px;
}
</style>
